.btn-circle {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    border: 1px solid #dddddd;
    margin: auto 5px
}

.btn-circle:hover {
    border: 1px solid #1ccdca
}

.m-t-50 {
    margin-top: 50px
}

.btn-default {
    background-color: white
}

.text-default, .text-default * {
    color: #1f1f1f
}

.text-center-span {
    display: inherit;
    text-align: center;
}

.p-5 {
    padding: 5px
}

.border {
    border: 1px solid #dddddd
}

.m-t-25 {
    margin-top: 25px
}

.m-b-25 {
    margin-bottom: 25px
}

.p-b-25 {
    padding-bottom: 25px !important;
}

.p-0-15 {
    padding: 0 15px
}

.display-inline {
    display: inline-block
}

.waterfall {
    -moz-column-count: 1; /* Firefox */
    -webkit-column-count: 1; /* Safari 和 Chrome */
    column-count: 1;
}

.waterfall > div {
    width: auto;
    -moz-page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
}

@media (min-width: 768px) {
    .waterfall {
        -moz-column-count: 1; /* Firefox */
        -webkit-column-count: 1; /* Safari 和 Chrome */
        column-count: 1;
    }
}

@media (min-width: 992px) {
    .waterfall {
        -moz-column-count: 2; /* Firefox */
        -webkit-column-count: 2; /* Safari 和 Chrome */
        column-count: 2;
    }
}

@media (min-width: 1200px) {
    .waterfall {
        -moz-column-count: 3; /* Firefox */
        -webkit-column-count: 3; /* Safari 和 Chrome */
        column-count: 3;
    }
}

.rotate-180 {
    transition: transform 400ms;
    transform: rotate(180deg);
}

.rotate-360 {
    transition: transform 400ms;
    transform: rotate(0)
}

.cascader {

}
.cursor-pointer,
.cascader-input {
    cursor: pointer;
}

input[class*="cascader-input"]:focus {
    box-shadow: inset 0 -2px 0 #2196F3 !important;
}

.cascader-dropdown {
    width: auto;
    height: 300px;
    border-radius: 5px;
    border: 1px solid #ddd;
    margin-top: 5px;
    position: absolute;
    display: inline-block;
    background-color: white;
}

.cascader-dropdown-item {
    height: 100%;
    display: inline-block;
    border: 1px solid #dddddd;
    border-radius: 5px;
    margin-right: 5px;
    overflow-y: auto;
    min-width: 100px;
}

.cascader-dropdown-item:last-child {
    margin-right: 0;
}

.nav.cascader-dropdown-item > li > a {
    color: #1f1f1f;
    cursor: pointer;
    padding: 5px 15px;
}

.nav.cascader-dropdown-item > li > a[disabled] {
    background-color: #ccc;
    color: whitesmoke;
    cursor: no-drop;
}

.cascader-dropdown-item > p{
    margin-bottom: 0;
    padding: 0 10px;
    text-align: center;
    border-bottom: 1px solid #ddd;
}
.cascader-dropdown-item .active,
.cascader-dropdown-item .selected,
.cascader-dropdown-item.nav-list a:hover,
.cascader-dropdown-item .active a,
.cascader-dropdown-item .active a:hover{
    background-color: #0b76cc;
    color: white;
}
.cascader-remove-icon {
    margin: 0;
    margin-top: -35px;
    padding: 10px;
    cursor: pointer;
}

.j-dropdown {
    width: auto;
    height: 300px;
    margin-top: 5px;
    position: absolute;
    background-color: white;
    z-index: 10;
}

.bounce-enter-active {
    animation: bounce-in .5s both;
}

.bounce-leave-active {
    animation: bounce-out .5s both;
}

@keyframes bounce-in {
    0% {
        opacity: 0;
        transform: scale(.3);
    }

    50% {
        opacity: 1;
        transform: scale(1.05);
    }

    70% {
        transform: scale(.9);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes bounce-out {
    0% {
        transform: scale(1);
    }

    25% {
        transform: scale(.95);
    }

    50% {
        opacity: 1;
        transform: scale(1.1);
    }

    100% {
        opacity: 0;
        transform: scale(.3);
    }
}

.fold-icon-fix{
    font-size: 18px;
    margin-top: -30px;
    margin-right: 5px;
}
